<!DOCTYPE html>
<html>
  <head>
    <title>我的订单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
	<meta charset="utf-8">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="__PUBLIC__/addon/malltemplatehome/CSS/bootstrap.min.css">
    <link rel="stylesheet" href="__PUBLIC__/addon/malltemplatehome/CSS/reset.css">
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="__PUBLIC__/addon/malltemplatehome/js/jquery-1.11.3.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="__PUBLIC__/addon/malltemplatehome/js/bootstrap.js"></script>
	<!--自己的css样式-->
	<link rel="stylesheet" href="__PUBLIC__/addon/malltemplatehome/CSS/store.css">
	<link rel="stylesheet" href="http://static.zaiyoudao.com/static/page.css">
	 

  </head>
  <body>
	<!--nav部分开始-->
	 <!--nav部分开始-->
	<header id="header">
		<div class="row shopping">
			<a href="__APP__/Home/Mall/MyInfo/Addon/MallTemplateHome.html">
			<div class="col-xs-2 col-sm-2">
				<img src="__PUBLIC__/addon/malltemplatehome/images/icon58.jpg" width="100%">
			</div>
			</a>
			<div class="col-xs-8 col-sm-8">
				我的订单
			</div>
			<div class="col-xs-2 col-sm-2">
			</div>
		</div>
	</header>
	<div id="lei">
		<div class="row">
		<if condition="$type eq 1"> 
		
		<a href="__APP__/Home/Mall/Order/Addon/MallTemplateHome/type/1.html">
			<div class="col-xs-4 col-sm-3 over">待付款</div>
			</a>
			<a href="__APP__/Home/Mall/Order/Addon/MallTemplateHome/type/2.html">
			<div class="col-xs-4 col-sm-3">待收货</div>
			</a>
			<a href="__APP__/Home/Mall/Order/Addon/MallTemplateHome/type/3.html">
			<div class="col-xs-4 col-sm-3">已完成</div>
			</a>
		<elseif condition="$type eq 2"/>
		<a href="__APP__/Home/Mall/Order/Addon/MallTemplateHome/type/1.html">
			<div class="col-xs-4 col-sm-3 ">待付款</div>
			</a>
			<a href="__APP__/Home/Mall/Order/Addon/MallTemplateHome/type/2.html">
			<div class="col-xs-4 col-sm-3 over">待收货</div>
			</a>
			<a href="__APP__/Home/Mall/Order/Addon/MallTemplateHome/type/3.html">
			<div class="col-xs-4 col-sm-3">已完成</div>
			</a>
		<elseif condition="$type eq 3"/>
		<a href="__APP__/Home/Mall/Order/Addon/MallTemplateHome/type/1.html">
			<div class="col-xs-4 col-sm-3 ">待付款</div>
			</a>
			<a href="__APP__/Home/Mall/Order/Addon/MallTemplateHome/type/2.html">
			<div class="col-xs-4 col-sm-3 ">待收货</div>
			</a>
			<a href="__APP__/Home/Mall/Order/Addon/MallTemplateHome/type/3.html">
			<div class="col-xs-4 col-sm-3 over">已完成</div>
			</a>
		<else /> 
		
		</if>
			
		</div>
	</div>

	<div id="myorder">
	<!--content-->
	<volist name="list" id="list">
	<div class='topbus'>
		
		<div class="rows" style="
		text-align:left;
		border-bottom:1px solid #e2e2e2;
		padding:10px;
		background:#fff;
		color:#1f286f;
		font-size:14px;
		
		">
			订单号：{$list.order_id}
		
		<if condition="$type eq 1"> 
		
			
		<elseif condition="$type eq 2"/>
		<a href="__APP__/Home/Mall/Express/Addon/MallTemplateHome.html?order_id={$list.order_id}">
		
		<span class="myorderinfo"
			
			style="
			float:right;
			
			"
			
			>查看物流</span></a>
		<elseif condition="$type eq 3"/>
		<a href="__APP__/Home/Mall/Express/Addon/MallTemplateHome.html?order_id={$list.order_id}">
		<span class="myorderinfo"
			
			style="
			float:right;
			
			"
			
			>查看物流</span></a>
		<else /> 
		
		</if>
		
			
		</div>
		
		<foreach name="list.down" item="down" >
		<div class="sd row" style="border-bottom:1px solid #e2e2e2;padding:10px;background:#fff;color:#1f286f;font-size:14px;">
			<div class="col-xs-2 col-sm-2" style="padding:0px;margin:0px;"><img src="{$down.goods_img}" style="max-width:100%;"></div>
			<div class="col-xs-7 col-sm-7" style="padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">{$down.name}</div>
			<div class="col-xs-3 col-sm-3" style="padding:0px;margin:0px;"><p style="font-weight:bold;">￥{$down.goods_money}元</p><span style="font-size:12px;">×{$down.goods_num}</span></div>
		</div>
		</foreach>
		
		<div class="rows" style="
		text-align:left;
		border-bottom:1px solid #e2e2e2;
		padding:10px;
		background:#fff;
		color:#1f286f;
		font-size:14px;
		
		">
			下单时间：{$list.time|date="Y-m-d H:i:s",###}
			<br>
			支付方式：
			<if condition="$list.pay_type eq 1"> 
			微信支付
			<elseif condition="$list.pay_type eq 2"/>
			储值支付
			<elseif condition="$list.pay_type eq 4"/>
			货到付款
			<else /> 
			
			</if>
		</div>
		
		<div class="rows" style="
		text-align:left;
		border-bottom:1px solid #e2e2e2;
		padding:10px;
		background:#fff;
		color:#1f286f;
		font-size:14px;
		
		">
			收货人：{$list.client_name}{$list.tel}<br>
			收货地址：{$list.address}
		</div>
	
		
		<div class="rows" style="
		text-align:left;
		border-bottom:1px solid #e2e2e2;
		padding:10px;
		background:#fff;
		color:#1f286f;
		font-size:14px;
		">
			商品：￥{$list.goods_money}元<br>
			运费：￥{$list.shipping}元<br>
			合计：￥{$list.money}元
		</div>
		
		
		
		<div class="rows" style="
		text-align:right;
		border-bottom:1px solid #e2e2e2;
		padding:10px;
		background:#fff;
		color:#1f286f;
		
		">
	
		<if condition="$list.status eq 1"> 
			<span class="myorderinfo"
			
			style="
			padding:5px 10px;
			border:1px solid #1f286f;
			border-radius:5px;
			font-size:14px;
			color:#1f286f;
			"
			
			><a href="__APP__/Home/OAuth/Pay/Addon/WeiXin.html?order_id={$list.order_id}" style='color:#1f286f;'>去支付</a></span>
			
		<elseif condition="$list.status eq 2"/>
			<span class="myorderinfo"
			
			style="
			padding:3px 8px;
			border:1px solid #1f286f;
			
			"
			
			>已支付</span>
		<elseif condition="$list.status eq 3"/>
		<span class="myorderinfo"
			
			style="
			padding:3px 8px;
			border:1px solid #1f286f;
			
			"
			
			>待确认</span>
		<elseif condition="$list.status eq 4"/>
		<span class="myorderinfo"
			
			style="
			padding:3px 8px;
			border:1px solid #1f286f;
			
			"
			
			>待发货</span>
		<elseif condition="$list.status eq 5"/>
		<span class="myorderinfo"
			
			style="
			padding:3px 8px;
			border:1px solid #1f286f;
			
			"
			
			>已发货</span>
		<elseif condition="$list.status eq 6"/>
		<span class="myorderinfo"
			
			style="
			padding:3px 8px;
			border:1px solid #1f286f;
			
			"
			
			>已完成</span>
		<elseif condition="$list.status eq 7"/>
		<span class="myorderinfo"
			
			style="
			padding:3px 8px;
			border:1px solid #1f286f;
			
			"
			
			>待退款</span>
		<elseif condition="$list.status eq 8"/>
		<span class="myorderinfo"
			
			style="
			padding:3px 8px;
			border:1px solid #1f286f;
			
			"
			
			>已退款</span>
		<elseif condition="$list.status eq 9"/>
		<span class="myorderinfo"
			
			style="
			padding:3px 8px;
			border:1px solid #1f286f;
			
			"
			
			>已关闭</span>
		<elseif condition="$list.status eq 0"/>
		<span class="myorderinfo"
			
			style="
			padding:3px 8px;
			border:1px solid #1f286f;
			
			"
			
			>已删除</span>
		
		<else /> 
		
		</if>
		</div>
	</div>
	</volist>
</div>
	
	<div class="col-md-12 digg">
		 <br>
			<center>
		 {$pages}
		</center>
		
	  </div>
		  
	<!--底部-->
	<div id="bottom">
		<div class="row">
			<a href="__APP__/Home/Mall/Index/Addon/MallTemplateHome.html">
			<div class="col-xs-4 col-sm-4">
				<img src="__PUBLIC__/addon/malltemplatehome/images/icon8.jpg">
				<p>首页</p>
			</div>
			</a>
			<a href="__APP__/Home/Mall/Cart/Addon/MallTemplateHome.html">
			
			<div class="col-xs-4 col-sm-4">
				<img src="__PUBLIC__/addon/malltemplatehome/images/icon6.jpg">
				<p>购物车</p>
			</div>
			</a>
			<a href="__APP__/Home/Mall/MyInfo/Addon/MallTemplateHome.html">
			
			<div class="col-xs-4 col-sm-4">
				<img src="__PUBLIC__/addon/malltemplatehome/images/icon7.jpg">
				<p>我的</p>
			</div>
			</a>
		</div>
	</div>
	<script>
		$(function(){
			$('#lei .col-sm-3').bind('click',function(){
				$(this).addClass('over').siblings().removeClass('over')
			})
			
		
		})
	</script>
	<script>
		
	</script>
  </body>
</html>